<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
    pageEncoding="ISO-8859-1"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>jsChart Test</title>
<script type="text/javascript" src="js/jscharts.js"></script>
</head>
<body>
<div id="chartcontainer">This is just a replacement in case Javascript is not
available or used for SEO purposes</div>

<script type="text/javascript">
var myChart = new JSChart('chartcontainer', 'line');
myChart.setDataArray([['1-1', 80],['1-2', 40],['1-3', 60],['1-4', 65],['1-5', 50],['1-6', 50],['1-7', 60],['1-8', 80],['1-9', 150],['1-10', 100]], 'blue');
					myChart.setSize(550, 300); 
					myChart.setAxisValuesNumberY(5); 
					myChart.setIntervalStartY(0); 
					myChart.setIntervalEndY(200); 
					myChart.setLabelX(['1-2','1-2']); 
					myChart.setLabelX(['1-4','1-4']); 
					myChart.setLabelX(['1-6','1-6']); 
					myChart.setLabelX(['1-8','1-8']); 
					myChart.setLabelX(['1-10','1-10']); 
					myChart.setAxisValuesNumberX(5); 
					myChart.setShowXValues(false); 
					myChart.setTitleColor('#454545'); 
					myChart.setAxisValuesColor('#454545'); 
					myChart.setLineColor('#A4D314', 'green'); 
					myChart.setLineColor('#BBBBBB', 'gray'); 					
					myChart.setFlagColor('#9D16FC'); 
					myChart.setFlagRadius(4); 
					myChart.setAxisPaddingRight(100); 
					myChart.setLegendShow(true); 
					myChart.setLegendPosition(490, 80); 
					myChart.setLegendForLine('blue', 'Click me'); 
					myChart.setLegendForLine('green', 'Click me'); 
					myChart.setLegendForLine('gray', 'Click me'); 
					myChart.draw();
</script>

</body>
</html>